import './assets/main.css'
/* iconfont图标 */
import './assets/icons/iconfonts/iconfont.css'

import { createApp } from 'vue'
// import App from './App.vue'
// import App from '@/views/1.插值语法/index.vue'
// import App from '@/views/2.基本指令/index.vue'
// import App from '@/views/3.v-bind/index.vue'
// import App from '@/views/4.v-bind绑定class/index.vue'
// import App from '@/views/5.v-bind绑定style/index.vue'
// import App from '@/views/6.v-bind动态绑定/index.vue'
// import App from '@/views/7.v-on的基本使用/index.vue'
// import App from '@/views/8.v-on事件对象和参数传递/index.vue'
// import App from '@/views/9.v-on绑定事件时添加修饰符/index.vue'
// import App from '@/views/10.v-if/index.vue'
// import App from '@/views/11.v-show条件渲染/index.vue'
// import App from '@/views/12.v-for的基本使用/index.vue'
// import App from '@/views/13.数组更新检测/index.vue'
// import App from '@/views/14.计算属性/index.vue'
// import App from '@/views/15.侦听器/index.vue'
// import App from '@/views/16.v-model/index.vue'
// import App from '@/views/17.图片和svg图标的使用/index.vue'
// import App from '@/views/18.组件/index.vue'
// import App from '@/views/19.组件props传值/index.vue'
// import App from '@/views/20.v-model组件的封装/index.vue'
// import App from '@/views/22.插槽的使用/index.vue'
// import App from '@/views/23.动态组件和异步组件/index.vue'
// import App from '@/views/24.递归组件/index.vue'
// import App from '@/views/25.混入mixin/index.vue'
// import App from '@/views/26.组件style特性/index.vue'
// import App from '@/views/27.v-bind动态绑定样式/index.vue'
// import App from '@/views/28.深度选择器/index.vue'
// import App from '@/views/29.自定义指令/index.vue'
// import App from '@/views/31.组件通讯ref/index.vue'
// import App from '@/views/32.$attrs组件通讯/index.vue'
// import App from '@/views/33.$parent组件通讯/index.vue'
// import App from '@/views/34.EventBus组件通讯/index.vue'
// import App from '@/views/35.provide和inject组件通讯/index.vue'
// import App from '@/views/36.pinia的使用/index.vue'
// import App from '@/views/37.过渡动画/index.vue'
// import App from '@/views/38.组合函数hooks/index.vue'
// import App from '@/views/39.Teleport/index.vue'
// import App from '@/views/40.Suspense/index.vue'
// import App from '@/views/41.ElementPlus的使用/index.vue'
// import App from '@/views/Element-plus/index.vue'
// import App from '@/views/42.vueUse库/index.vue'
import App from '@/views/vueUse库练习/index.vue'

const app = createApp(App)

// 全局mixin
import mixins from '@/mixins'
app.use(mixins)

// 全局指令
import defineDirective from '@/directives'
app.use(defineDirective)

//svg插件需要配置代码
import 'virtual:svg-icons-register'
//引入自定义插件对象:注册整个项目全局组件
import gloalComponent from '@/components'
app.use(gloalComponent)

// 引入全局方法
import * as utils from '@/utils'
app.config.globalProperties.$utils = utils

// element-plus使用
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
app.use(ElementPlus, { locale: zhCn })

// pinia
import store from '@/store'
app.use(store)

//添加事件管理者'passive'，来阻止'touchstart'事件，让页面更加流畅。 解决chrome下的warning问题
import 'default-passive-events'

app.mount('#app')
